{% load i18n %}<!DOCTYPE html>
<!-- Update your html tag to include the itemscope and itemtype attributes -->
<html>
<html lang="{{ request.lang }}" xmlns:fb="http://ogp.me/ns/fb#">
<head prefix="og: http://ogp.me/ns# openalive: 
                  http://ogp.me/ns/apps/openalive#">
    <meta charset="utf-8">
    <title>{{title|default:"Open Alive" }}</title>
    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <link rel="shortcut icon" href="/favicon.ico">
    {% block css %}
        {% css 'css/bootstrap.css' %}
        {% css 'css/bootstrap-responsive.css' %}
        {% css 'css/openalive.css' %}
        {% css 'css/cse.css' %}
    {% endblock %}
</head>
<body itemscope itemtype="http://schema.org/Product">
    {% include '_snippets/nav.html' %}
    <div id="loading"><i class="icon-refresh"></i> {% trans 'Loading...' %}</div>
    <div id="container" class="container-fluid">
    	{% block content %}
    	<div id="cse">Loading</div>
    	{% endblock %}
    </div>
    <div id="cse-dialog" class="modal hide fade">
      <div id="cse" class="modal-body">{% trans 'Loading...' %}</div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal">Close</button>
      </div>
    </div>    
    {% include '_snippets/footer.html' %}
    {% block jslib %}
        <!-- http://code.google.com/intl/ko-KR/apis/libraries/devguide.html#jqueryUI -->
        <script type="text/javascript" src="//www.google.com/jsapi"></script>
        <script type="text/javascript">
            google.load("search", "1", {nocss: true, nooldnames : true});
            google.load("jquery", "1");
            
			google.setOnLoadCallback(function() { 
				// attach "powered by Google" branding
			   google.search.Search.getBranding(document.getElementById("cse-branding"));
			   var searchControl = new google.search.CustomSearchControl('016919445760564507761:vaoyyr90ncq', {});
			   searchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
			   var options = new google.search.DrawOptions();
			   options.setSearchFormRoot("cse-search-action-form");
			   searchControl.draw('cse', options);
			   
			   $("#cse-search-form").submit(function() {
			   	var val = $("#cse-search-input").val();
			   	if(val) {
			   		$("#cse-dialog").modal("show");
			   		searchControl.execute(val);		    		
			   	}
			   	return false;
			   });  
			 });
			 
			 var _gaq=[["_setAccount","UA-30135667-1"],["_trackPageview"]];
			 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
			 g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
			 s.parentNode.insertBefore(g,s)}(document,"script"));            
        </script>
        {% js 'js/bootstrap.min.js' %}
        {% js 'js/bootbox.min.js' %}
        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.js"></script>
        <script type="text/javascript" src="/i18n/js"></script>
    {% endblock %}
</body>
</html>